/**
 * Created by hgq on 2017/2/14.
 */
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';

class StyleSheetColor extends Component{
    render(){
        return(
            <View>
                <Text style={styles.red }>just red</Text>
                <Text style={styles.bigblue }>just bigblue</Text>
                <Text style={[styles.alignItem]}>red, then bigblue</Text>
                <Text style={[styles.black] }>just black</Text>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    red:{
        color:'red'
    },
    bigblue:{
        color:'blue',
        fontSize:30,
        fontWeight:'bold'
    },
    black:{
        color:'black'
    },
    alignItem:{
        textAlign:'center'
    }
});
export default StyleSheetColor;
